<template>
  <div class="image-container">
    <el-card class="box-card">
      <div slot="header" class="clearfix">
        <!-- 面包屑路径导航 -->
        <el-breadcrumb separator-class="el-icon-arrow-right">
          <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
          <el-breadcrumb-item>素材管理</el-breadcrumb-item>
        </el-breadcrumb>
        <!-- /面包屑路径导航 -->
        <!-- <el-button style="float: right; padding: 3px 0" type="text">操作按钮</el-button> -->
      </div>
      <!-- 图片列表 -->
      <image-list />
      <!-- /图片列表 -->
    </el-card>
  </div>
</template>

<script>
import ImageList from './components/image-list'

export default {
  name: 'ImageIndex',
  components: {
    ImageList
  },
  props: {},
  data() {
    return {}
  },
  created() {

  },
  methods: {
  }
}
</script>

<style lang='less' scoped>
// .action-head {
//   padding-bottom: 20px;
//   display: flex;
//   justify-content: space-between;
// }
// .image-item {
//   position: relative;
// }
// .image-action {
//   font-size: 25px;
//   display: flex;
//   justify-content: space-evenly;
//   align-items: center;
//   color: #fff;

//   height: 40px;
//   background-color: rgba(204, 204, 204, 0.5);
//   position: absolute;
//   bottom: 4px;
//   left: 5px;
//   right: 5px;
// }
</style>
